<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>鼠标事件</title>
		<style>
			div {
				background-color: ;
			}
		</style>
	</head>
	<body>
		<!-- onclick，click是事件名称：点击事件 -->
		<div style="background-color: green;" 
		onclick="alert('弹出一个题型：div被点击了')">
			点击事件
		</div>
		<!-- 双击事件 -->
		<!-- dblclick事件名称 -->
		<div ondblclick="console.log(123)">
			点击2下触发事件
		</div>
		<!-- 鼠标移入/移出事件 -->
		<div onmouseover="fun1(this)" 
		onmouseout="this.style.backgroundColor = '#FFF'">
			鼠标移入/移出事件
		</div>
	</body>
	<script>
		function fun1(obj) {
			obj.style.backgroundColor = 'red'
		}
	</script>
</html>